Node / reticulum_mirror / MeshChatX / files / meshchatx / src / frontend / components / rnode / RNodeProvisionPanel.vue

Displaying Raw • Download

T8b949e<!-- SPDX-License-Identifier: 0BSD -->

Tff7b72<templateTff7b72>

Tff7b72<div Te6edf3class=Ta5d6ff"grid grid-cols-1 md:grid-cols-2 gap-6"Tff7b72>

Tff7b72<div Te6edf3class=Ta5d6ff"space-y-3"Tff7b72>

Tff7b72<div Te6edf3class=Ta5d6ff"flex items-center gap-2"Tff7b72>

Tff7b72<h3 Te6edf3class=Ta5d6ff"font-bold text-gray-900 dark:text-zinc-100"Tff7b72>

Tff7b72{{ Te6edf3provisionStepNumber Tff7b72}}. Tff7b72{{ $Te6edf3tTff7b72(Ta5d6ff"tools.rnode_flasher.step_provision"Tff7b72) Tff7b72}}

Tff7b72</h3>

Tff7b72<MaterialDesignIcon Te6edf3icon-name=Ta5d6ff"key-variant" Te6edf3class=Ta5d6ff"size-4 text-zinc-400" Tff7b72/>

Tff7b72</div>

Tff7b72<p Te6edf3class=Ta5d6ff"text-xs text-gray-500 dark:text-zinc-500"Tff7b72>

Tff7b72{{ $Te6edf3tTff7b72(Ta5d6ff"tools.rnode_flasher.provision_description"Tff7b72) Tff7b72}}

Tff7b72</p>

Tff7b72<button

Te6edf3v-if=Ta5d6ff"!isProvisioning"

Te6edf3:disabled=Ta5d6ff"!canProvision"

Te6edf3class=Ta5d6ff"w-full sm:max-w-xs mx-auto inline-flex items-center justify-center gap-2 rounded-xl bg-blue-100 dark:bg-blue-900/30 hover:bg-blue-200 dark:hover:bg-blue-900/40 px-4 py-2.5 text-sm font-bold text-blue-700 dark:text-blue-400 transition-colors disabled:opacity-50"

@Te6edf3click=Ta5d6ff"$emit('provision')"

Tff7b72>

Tff7b72{{ $Te6edf3tTff7b72(Ta5d6ff"tools.rnode_flasher.provision"Tff7b72) Tff7b72}}

Tff7b72</button>

Tff7b72<div v-else Te6edf3class=Ta5d6ff"flex items-center justify-center gap-2 text-sm text-blue-600 p-2"Tff7b72>

Tff7b72<v-progress-circular indeterminate Te6edf3size=Ta5d6ff"18" Te6edf3width=Ta5d6ff"2" Tff7b72/>

Tff7b72<span Te6edf3class=Ta5d6ff"font-bold"Tff7b72>Tff7b72{{ $Te6edf3tTff7b72(Ta5d6ff"tools.rnode_flasher.provisioning_wait"Tff7b72) Tff7b72}}Tff7b72</span>

Tff7b72</div>

Tff7b72</div>

Tff7b72<div Te6edf3class=Ta5d6ff"space-y-3"Tff7b72>

Tff7b72<div Te6edf3class=Ta5d6ff"flex items-center gap-2"Tff7b72>

Tff7b72<h3 Te6edf3class=Ta5d6ff"font-bold text-gray-900 dark:text-zinc-100"Tff7b72>

Tff7b72{{ Te6edf3provisionStepNumber Tff7b72+ T79c0ff1 Tff7b72}}. Tff7b72{{ $Te6edf3tTff7b72(Ta5d6ff"tools.rnode_flasher.step_set_hash"Tff7b72) Tff7b72}}

Tff7b72</h3>

Tff7b72<MaterialDesignIcon Te6edf3icon-name=Ta5d6ff"shield-check" Te6edf3class=Ta5d6ff"size-4 text-zinc-400" Tff7b72/>

Tff7b72</div>

Tff7b72<p Te6edf3class=Ta5d6ff"text-xs text-gray-500 dark:text-zinc-500"Tff7b72>

Tff7b72{{ $Te6edf3tTff7b72(Ta5d6ff"tools.rnode_flasher.set_hash_description"Tff7b72) Tff7b72}}

Tff7b72</p>

Tff7b72<button

Te6edf3v-if=Ta5d6ff"!isSettingFirmwareHash"

Te6edf3class=Ta5d6ff"w-full sm:max-w-xs mx-auto inline-flex items-center justify-center gap-2 rounded-xl bg-blue-100 dark:bg-blue-900/30 hover:bg-blue-200 dark:hover:bg-blue-900/40 px-4 py-2.5 text-sm font-bold text-blue-700 dark:text-blue-400 transition-colors"

@Te6edf3click=Ta5d6ff"$emit('set-hash')"

Tff7b72>

Tff7b72{{ $Te6edf3tTff7b72(Ta5d6ff"tools.rnode_flasher.set_firmware_hash"Tff7b72) Tff7b72}}

Tff7b72</button>

Tff7b72<div v-else Te6edf3class=Ta5d6ff"flex items-center justify-center gap-2 text-sm text-blue-600 p-2"Tff7b72>

Tff7b72<v-progress-circular indeterminate Te6edf3size=Ta5d6ff"18" Te6edf3width=Ta5d6ff"2" Tff7b72/>

Tff7b72<span Te6edf3class=Ta5d6ff"font-bold"Tff7b72>Tff7b72{{ $Te6edf3tTff7b72(Ta5d6ff"tools.rnode_flasher.setting_hash_wait"Tff7b72) Tff7b72}}Tff7b72</span>

Tff7b72</div>

Tff7b72</div>

Tff7b72</div>

Tff7b72</template>

Tff7b72<scriptTff7b72>

import MaterialDesignIcon from "../MaterialDesignIcon.vue";

export default {

name: "RNodeProvisionPanel",

components: { MaterialDesignIcon },

props: {

provisionStepNumber: { type: Number, default: 3 },

canProvision: { type: Boolean, default: false },

isProvisioning: { type: Boolean, default: false },

isSettingFirmwareHash: { type: Boolean, default: false },

},

emits: ["provision", "set-hash"],

};

Tff7b72</script>